<script setup lang="tsx">
import { CSSProperties } from 'vue'

interface DemoBoxProps {
  title?: string
  style?: CSSProperties
}
defineProps<DemoBoxProps>()
</script>

<template>
  <div v-if="title" class="demo-title">{{ title }}</div>
  <div class="demo-box" :style="style">
    <slot></slot>
  </div>
</template>

<style>
.demo-title {
  padding: 12px 12px 0;
  color: #697b8c;
  font-size: 14px;
}
.demo-box {
  padding: 12px;
}
</style>
